
<script setup lang="ts">
import img from '~/assets/images/sky.png'
console.log(1111111, img)
</script>

<template>
  <div>
    <h1>NuxtIcon</h1>
    <Icon name="uil:github" size="48" />
    <Icon name="i-uil-github" size="48" />
    <Icon name="my-icon:test" size="32" />
    <Icon name="my-icon:close" size="24" />
    <h1>NuxtImg</h1>
    <div>1</div>
    <NuxtImg
      alt=""
      src="~/assets/images/sky.png"
      :width="400"
      :height="400"
    />
    <div>2</div>
    <NuxtImg
      alt=""
      src="https://www.tailwindcss.cn/img/refactoring-ui-sidebar.png"
      :width="400"
      :height="400"
    />
    <div>3</div>
    <NuxtImg
      alt=""
      src="/sky.png"
    />
    <div>4</div>
    <!-- <img alt="" :src="img" /> -->
    <img alt="" src="~/assets/images/sky.png" />
  </div>
</template>

<style scoped>

</style>